AngularJS Material Design components

AngularJS Material Design components

Clock Icon2014.07.04

この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。

angularjs125title

車輪開発大好きおたいがです。こんにちは。(挨拶)

昨日、Google のエンジニアリングディレクター兼 AngularJS のマネージャーである Brad Green 氏が発言しました。

Working on AngularJS Material Design components. It's early days, but follow along at http://t.co/oreooTAatu pic.twitter.com/gWQPCgHtp3

— Brad Green (@bradlygreen) July 3, 2014

「AngularJS 製の Material Design コンポーネント開発に取り組んでいます」とのこと。早速デモサイトを覗いてみました。もちろん AngularJS 製です。

デモサイト

https://material.angularjs.org/#/

デモサイトのトップページに「この AngularJS の Material Design プロジェクトは Polymer の paper elements を補助する努力をしますよ 」…的なことが書かれています。なるほど。

できたてリポジトリなので…

まだ立ち上げで間もないリポジトリなのでドキュメントがありません。ざっくり見た感じ gulp を使ってビルドすることでローカル環境にデモサイトを展開させたり、'ngMaterial' という名前の AngularJS モジュール (material-design.js) を書き出したりすることができるようです。

実際に書き出してみました。

ngMaterial03

ngMaterial02

ngMaterial01

gulp に関しては、当ブログでも紹介しているのでご存じない方は併せて合わせてご覧ください。

【Gulp.js入門】新鋭フロンエンド・タスクランナーツール を試してみました。
https://dev.classmethod.jp/tool/gulpjs-part-001/

まとめ

立ち上がって間もないリポジトリですが、今後利用する可能性は十分にあると思うので、チェックしておくと良いかもしれません。

Share this article

facebook logohatena logotwitter logo

© Classmethod, Inc. All rights reserved.